<!DOCTYPE html>
<html class="pixel-ratio-3 retina ios ios-9 ios-9-1 ios-gt-8 ios-gt-7 ios-gt-6" style="font-size: 41.4px;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="applicable-device" content="mobile">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta http-equiv="Cache-Control" content="no-transform">
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" href="weui/cs/weui.min.css">
<link rel="stylesheet" href="weui/cs/jquery-weui.css">
<script src="weui/js/jquery-2.1.4.js"></script>
<script src="weui/js/jquery-weui.min.js"></script>
<script src="weui/lib/fastclick.js"></script>
<link rel="stylesheet" href="weui/css/sm.css" type="text/css">
<link href="weui/css/calendar.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="weui/lib/calendar.min.js"></script>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="yes">
</head>
<body ontouchstart="">
<script type="text/javascript">
    var html= $('html');
    var hW = html.outerWidth() > 640 ? 640 : html.outerWidth();
    _rem = hW/10;
    html.css('fontSize',_rem);
    $(function() {
        FastClick.attach(document.body);
    });
</script>
    
    <div class="wrapper">
        <div class="mpart">
            <div class="hkl"></div>
            <div class="vision" style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
                <div class="s_mide layer" data-depth=".35" style="position: relative; display: block; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
                </div>
            </div>
            <div class="inp_form">
                <div class="inp_area">
                   <!-- <form action="" method="get" name="login" id="formyz">-->
                        <strong>预测事业运势</strong>
                        <div class="inpbox">
                            <input type="text" name="xing" class="xing" id="name" value=""  placeholder="请输入姓名" >
                        </div>
                        <div class="inpbox">
                            <input type="text" id="birthday" data-input-id="b_input" data-input-hour-id="b_hour" class="Js_date" data-type="0" value="" data-date="" placeholder="请选择日期">
                            <input type="hidden" name="birthday" id="b_input" value="">
                            <input type="hidden" name="hour" id="b_hour" value="">
                        </div>
                        <script type="text/javascript">
                            $(function(){
                                for (var a = 0, e = $(".Js_date").length; a < e; a++) {
                                    (new lCalendar).init("#" + $(".Js_date").eq(a).attr("id"))
                                }
                            });
                        </script>
                        
                        
                        <div class="weui-cells weui-cells_radio">
					      <label class="weui-cell weui-check__label" >
					        <div class="weui-cell__bd">
					          <p>男生</p>
					        </div>
					        <div class="weui-cell__ft">
					          <input type="radio" value="男生" class="weui-check" name="radio1" >
					          <span class="weui-icon-checked"></span>
					        </div>
					      </label>
					      <label class="weui-cell weui-check__label" >
					
					        <div class="weui-cell__bd">
					          <p>女生</p>
					        </div>
					        <div class="weui-cell__ft">
					          <input type="radio" value="女生" name="radio1" class="weui-check"  >
					          <span class="weui-icon-checked"></span>
					        </div>
					      </label>
					     
					 	</div>

                        <div class="weui-btn-area">
                            <input class="weui-btn weui-btn_primary" type="submit" value="开始测试">
                        </div>
                    <!--</form>-->
                </div>
            </div>
            <div class="vision vision_bottom" style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
                <div class="s_botm layer" data-depth-x=".1" data-depth-y=".08" style="position: relative; display: block; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
                </div>
                <div class="s_botm layer" data-depth-x=".18" data-depth-y=".15" style="position: absolute; display: block; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
                </div>
            </div>
        </div>
        <div class="pl_list">
            <div class="sst-cells__title">八字算命</div>
            <p>八字算命，也称为四柱算命，是以一个人出生的年份、月份、日期、时间为基点，按照我国传统的天干地支时辰计数方法排出当时的天干与地支就构成了一个八字组合，也称为生辰八字算命法。</p>
            <p>八字算命术亦称子平术，是在唐代著名学者三柱算命之基础上增加时柱算命而演变成的八字四柱的完整算命体系，八字算命预测准确，范围广泛，是在民间影响最大，预测面最广的预测方法。</p>
           
        </div>

    </div>

    <br>
  <script type="text/javascript">
  		
  			
  			$('.weui-btn_primary').click(function(){
  				location.href='cause.html'
  				var name=$(".xing").val();
	  			var birthday=$('.Js_date').attr('data-date');
	  			var hour=$('.Js_date').attr('data-hour');
	  			var date_type=$('.Js_date').attr('data-type');
	  			var data_date=$('.Js_date').val();
	  			var sex=$("input[type='radio']:checked").val();
//				alert(data_date);
				$.ajax({
					url:'',
					data:{name:name,birthday:birthday,data_date:data_date,sex:sex,date_type:date_type},
					type:'POST',
					success:function(res){
						console.log(res)
					}
					
				})
  				
  			})
  		

  </script>  
    

</body></html>